@import "../../style/public";

.store-choice {
  width: 100%;
  height: 100%;
  .totalCount{
    background: #F8F8F8;
    color: #999;
    text-align: left;
    @include remCalc(padding-left, 30);
    @include remCalc(font-size, 24);
    @include remCalc(line-height, 68);
  }
  .tip-msg{
    @include remCalc(font-size, 24);
    @include remCalc(padding, 20,30);
    background: #EBF5FF;
    color:$color-red;
    display: flex;
    align-items: center;
    i{
      @include remCalc(font-size, 32);
      @include remCalc(padding, 0,20,0,0);
    }
  }
  // .header {
  //   $color-blue: #5f8ce7;
  //   display: flex;
  //   align-items: center;
  //   position: relative;
  //   z-index: 100;
  //   background: #fff;
  //   color: #333;
  //   @include remCalc(font-size, 36);
  //   @include remCalc(line-height, 88);
  //   @include remCalc(padding, 0, 30);
  //   @include thin-border(false, false, bottom);
  //   @include remCalc(padding-top, 40);
  //   .left {
  //     position: absolute;
  //     @include remCalc(left, 30);
  //     color: $color-red;
  //     @include remCalc(font-size, 30);
  //     @include remCalc(width, 160);
  //   }
  //   .middle {
  //     text-align: center;
  //     flex: 1;
  //     @extend %text-overflow;
  //   }
  // }
  .multiple-ope{
    @include remCalc(line-height, 88);
    display: flex;
    .check-all{
      text-align: center;
      box-sizing: border-box;
      background: #fff;
      @include thin-border(false,false,top);
      @include remCalc(width, 220);
      display: flex;
      align-items: center;
      justify-content: center;
      i{
        color:$color-red;
      }
      >span{
        @include remCalc(font-size, 32);
        @include remCalc(padding-left, 16);
        color:#333;
      }
    }
    .select-amount{
      flex:1;
      @include remCalc(padding-left, 200);
      box-sizing: border-box;
      color: #fff;
      background: $color-red;
      &.disabled{
        background: #ddd;
      }
    }
  }
  .scroll-ct {
    overflow-y: auto;
    .store-choice-list{
      @include thin-border(false,false,bottom);
    }
    .store-choice-list:last-child {
      @include remCalc(margin-bottom, 60);
    }
  }
  .head {
    background: #F8F8F8;
    color: #999;
    text-align: left;
    @include remCalc(padding-left, 30);
    @include remCalc(font-size, 24);
    @include remCalc(line-height, 68);
    @include thin-border(false,false,bottom);
  }
  .item {
    display: flex;
    align-items: center;
    background: #fff;
    @include remCalc(padding-left, 30);
    &:last-child {
      .item-ct {
        &::after {
          display: none;
        }
      }
    }
    .item-ct {
      text-align: left;
      width: 100%;
      //border-bottom:1px solid #e3e3e3;
      @include thin-border(false, false, bottom);
      position: relative;
      @include remCalc(font-size, 32);
      color: #333;
      //@include remCalc(line-height, 34);
      @include remCalc(padding, 24, 30, 24, 0);
      .tag {
        @include remCalc(font-size, 20);
        @include remCalc(line-height, 22);
        @include remCalc(padding, 4, 10, 0);
        border: 1px solid #e3e3e3;
        position: relative;
        @include remCalc(top, -4);
        display: inline-block;
        @include remCalc(border-radius, 4);
      }
    }

    .item-ct.disabled {
      color: #cccccc;
      > span {
        color: #cccccc !important;
      }
      .tag {
        color: #cccccc !important;
      }
      .zhk-list-wx{
        color: #ccc !important;
      }
    }

    .list-wx {
      @extend  .list_select;
      color: #333 !important;
      .store-bage {
        border: 1px solid #333;
      }
    }
    .list_select {
      display: flex;
      align-items: center;
      color:$color-red;

      i {
        color:$color-red;
        @include remCalc(font-size, 36);
        @include remCalc(padding-right, 20);
      }
      .store-bage {
        border-radius: 4px;
        border: 1px solid $color-red;
        border-radius: 4px;
        font-size: 13px;
        padding: 2px 2px;
        display: inline-block;
        @include remCalc(margin-right, 15);
      }
      span{
        word-break: break-all;
        @include remCalc(font-size, 32);
      }
    }
    .label {
      @include remCalc(font-size, 30);
    }
  }
  .item:last-child {
    .item-ct {
      border-bottom: 0;
    }
  }
}
